﻿@model ProductDto
<form asp-action="ProductCreate">
    <br />
    <div class="container border p-3">
        <h1 class="text-white text-center">Create Product</h1>
        <hr />

        <div class="row">
            <div class="col-2">
                <label class="control-label pt-2" style="font-size:20px;">Name</label>
            </div>
            <div class="col-10 pb-3">
                <input class="form-control" asp-for="Name" />
                <span asp-validation-for="Name"></span>
            </div>

            <div class="col-2">
                <label class="control-label pt-2" style="font-size:20px;">
                    Category Name
                </label>
            </div>
            <div class="col-10 pb-3">
                <input class="form-control" asp-for="CategoryName" />
                <span asp-validation-for="CategoryName"></span>
            </div>

            <div class="col-2">
                <label class="control-label pt-2" style="font-size:20px;">Price</label>
            </div>
            <div class="col-10 pb-3">
                <input class="form-control" asp-for="Price" />
                <span asp-validation-for="Price"></span>
            </div>
            <div class="col-2">
                <label class="control-label pt-2" style="font-size:20px;">
                    Description
                </label>
            </div>
            <div class="col-10 pb-3">
                <textarea class="form-control" asp-for="Description" ></textarea>
                <span asp-validation-for="Description"></span>
            </div>

            
            <div class="col-2">
                <label class="control-label pt-2" style="font-size:20px;">
                    ImageUrl
                </label>
            </div>
            <div class="col-10 pb-3">
                <input class="form-control" asp-for="ImageUrl" />
                <span asp-validation-for="ImageUrl"></span>
            </div>

            <div class="col-5 offset-2">

                <a class="btn-primary btn form-control " asp-controller="Product" asp-action="ProductIndex">Back to List</a>
            </div>
            <div class="col-5">
                <input type="submit" value="Create" class="btn btn-success form-control" />

            </div>

        </div>

    </div>
</form>

@section Scripts {
    <partial name="_ValidationScriptsPartial"></partial>
}